<template>
  <div
    v-motion
    :initial="{ opacity: 0, y: 100 }"
    :enter="{
      opacity: 1,
      y: 0,
      transition: {
        type: 'spring',
        stiffness: 250,
        damping: 20,
      },
    }"
    :delay="delay"
    :duration="5000"
  >
    <slot></slot>
  </div>
</template>

<script lang="ts" setup>
const props = defineProps({
  delay: {
    type: Number,
    default: 1500,
  },
});
</script>
<style scoped></style>
